<template>
  <div class="main">
    <transition name="fade-transform" mode="out-in">
      <router-view v-if="isRouterAlive" />
    </transition>
  </div>
</template>

<script>
import { mapState } from 'vuex'
export default {
  computed: {
    ...mapState({
      isRouterAlive: state => state.loading.isRouterAlive
    })
  }
}
</script>

<style lang="scss">
.main {
  min-height: calc(100vh - 193px);
}
</style>
